<template>
  <ph-view>
    <ph-blockquote type="primary"
      >基本介绍 内置<a href="https://fontawesome.dashgame.com/" target="_blank"
        >font-awesome icon</a
      ></ph-blockquote
    >
    <ph-pretty>{{ baseUsage }}</ph-pretty>
    <div class="icons">
      <ph-icon icon="chrome" />
      <ph-icon icon="firefox" />
      <ph-icon icon="safari" />
      <ph-icon icon="internet-explorer" />
      <ph-icon icon="save" />
      <ph-icon icon="edit" />
      <ph-icon icon="home" />
    </div>
    <ph-pretty>{{ demo }}</ph-pretty>
  </ph-view>
</template>
<script lang="ts">
import { defineComponent } from "vue";
import { PhIcon, PhBlockquote, PhView } from "@/index";
import * as Data from "../data/icon";
export default defineComponent({
  components: { PhIcon, PhBlockquote, PhView },
  setup() {
    return { ...Data };
  },
});
</script>
<style lang="scss" scoped>
.icons {
  .ph-icon {
    margin: 10px;
  }
}
</style>
